
.form-control.selectInput{
    padding-right: 24px;
    background-image: url(../images/modules/icon_select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.select{
    display: inline-block;
    position: relative;
    .optionList{
        position: absolute;
        overflow: auto;
        z-index: 9998;
        display: none;
        max-height: 300px;
        left: 0;
        top: 0;
        background-color: #fff;
        border:1px solid #f0f0f0;
        box-shadow: 3px 3px 6px rgba(0,0,0,.1);
        li{
            padding: 6px 12px;
            white-space: nowrap;
            a{
                display: block;
                padding: 12px;
                margin: -12px;
            }
            &:hover{
                background-color: #f3f7f7;
                color: @text-color-primary;
            }
            &.selected{
                color: @text-color-primary;
            }
        }
    }
    &.open{
    	.optionList{
    		display: block;
    	}
    }
}
